<template>
  <div id="container" style="width:500px">

    <div id="header" style="background-color:#FFA500;">
      <h1 style="margin-bottom:0;">主要的网页标题</h1></div>

    <div id="menu" style="background-color:#FFD700;height:200px;width:100px;float:left;">
      <b>菜单</b><br>
      HTML<br>
      CSS<br>
      JavaScript</div>

    <div id="content" style="background-color:#EEEEEE;height:200px;width:400px;float:left;">
      内容在这里</div>

    <div id="footer" style="background-color:#FFA500;clear:both;text-align:center;">
      版权 © runoob.com</div>

  </div>
  <form>
    First name: <input type="text" name="firstname"><br>
    Last name: <input type="password" name="lastname">
  </form>
  <form>
    <input type="radio" name="sex" value="male">Male<br>
    <input type="radio" name="sex" value="female">Female
  </form>



  <p style="background-color:rgb(255,255,0)">
    通过 rbg 值设置背景颜色
  </p>
  <p style="background-color:rgba(255,255,0,1)">
    通过 rbg 值设置背景颜色
  </p>
  <p style="background-color:rgba(255,255,0,0.5)">
    通过 rbg 值设置背景颜色
  </p>
  <p style="background-color:rgba(255,255,0,0.75)">
    通过 rbg 值设置背景颜色
  </p>

</template>

<script>



// @ is an alias to /src
import HelloWorld from '@/components/HelloWorld.vue'

export default {
  name: 'HomeView',
  components: {
    HelloWorld
  }
}
</script>
